<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Name       : Bryce Sunrise
Description: A three-column, fixed-width blog design.
Version    : 1.0
Released   : 20100501

-->
<%@include file="../includes/taglibs.jsp"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script type="text/javascript">
    //indica si existe un cruce de horario, se actualiza en tablaHorario.jsp
    var indCruceHorario = 0;
    function obtenerMensajeCamposObligatiorios(){
        //formVentas cboLocales  txtNombre
        var cboLocal = document.forms['formVentas'].cboLocales;
        var cboPaquete = document.forms['formVentas'].cboPaquetes;
        var txtNombreCliente = document.forms['formVentas'].txtNombre;

        if(cboLocal.value == "" || cboPaquete.value == "" || txtNombreCliente.value == "" ){
            return '<bean:message key="error.mensaje.datos.obligatorios"  />';
        }
        if(indCruceHorario == 1){
            return '<bean:message key="error.msg.registro.existe.cruce"  />'
        }
        return "";
    }
    function actualizarCosto(){

       document.forms["formVentas"].accion.value = "actualizar"
       document.forms["formVentas"].submit();
    }

    function registrar(){
        var mensaje = obtenerMensajeCamposObligatiorios();
        if(mensaje == ""){
           document.forms["formVentas"].accion.value = "registrar"
           document.forms["formVentas"].submit();
        }else{
           alert(mensaje);
        }

    }
    function verificarCliente(){
       document.forms["formVentas"].accion.value = "verificarCliente"
       document.forms["formVentas"].submit();
    }


</script>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Proyecto Web GYM</title>
<meta name="keywords" content="" />
<meta name="Bryce Sunrise" content="" />

</head>
<body>
<!-- start header -->
<div id="header">
<%@include file="../includes/menu.jsp"%>
</div>

<!-- end header -->
<div id="wrapper">
  <!-- start page -->
  <div id="page">

    <div align="left">
      <!-- start content -->
      <!-- end content -->
      <!-- start sidebars -->
    </div>
      <form id="formVentas" action="${ctx}/VentasServlet" method="post" >
          <input type="hidden" name ="accion" id="accion" value ="registrar"/>
    <div id="sidebar1" class="sidebar">
      <table width="384" border="0">
          <tr>
            <td width="400" height="35"><p class="Estilo1">VENTAS</p>
                <p class="mensajeError">&nbsp;
                    <c:if test="${MENSAJE_REQUEST != null}">
                        <bean:message key="${MENSAJE_REQUEST}" arg0="${MENSAJE_REQUEST_ADICIONAL_0}"/>
                    </c:if>
                </p>
            </td>
          </tr>
       </table>
      <table width="800" border="0">
  <tr>
    <td>
        Local :
    </td>
      <td>
          <select name="cboLocales" style="width:150px" onchange="actualizarCosto();">
          <option value=""><bean:message key="opciones.texto.seleccione" /></option>
      <c:forEach items="${LISTA_LOCALES_CONTEXTO}" var="local" >
              <c:if test="${local.codigo == VENTA_SESSION.local.codigo}" >
              <option value="${local.codigo}" selected>${local.nombre}</option>
              </c:if>
              <c:if test="${local.codigo != LOCAL_REQUEST}" >
              <option value="${local.codigo}">${local.nombre}</option>
              </c:if>
          </c:forEach>
        </select>&nbsp;<font size="1">(*)</font>
    </td>
      <td>Servicios Adicionales:
      </td>
      <td rowspan="4" valign="top">

          <select name="cboServicio" id="cboServicio" multiple="multiple" style="width:235px;" size="8" onchange="actualizarCosto();">
          <c:forEach items="${LISTA_SERVICIOS_SESSION}" var="serv" >
              <option value="${serv.codigo}"
              <c:forEach items="${LISTA_SERVICIOS_SELEC_SESSION}" var="servSelec" >

                  <c:if test="${serv.codigo == servSelec.codigo}" >
                   selected
                  </c:if>
              </c:forEach>
              >${serv.descripcion} S./${serv.costo} - ${serv.horaInicio} a ${serv.horaFin}</option>
          </c:forEach>
        </select>
      </td>
  </tr>
  <tr>
    <td>Paquete:
    </td>
    <td>
        <select name="cboPaquetes" id="cboPaquetes" style="width:150px"  onchange="actualizarCosto();">
          <option value=""><bean:message key="opciones.texto.seleccione" /></option>
          <c:forEach items="${LISTA_PAQUETES_CONTEXTO}" var="paq" >
              <c:if test="${paq.codigo == VENTA_SESSION.paquete.codigo}" >
              <option value="${paq.codigo}" selected>${paq.nombre}</option>
              </c:if>
              <c:if test="${paq.codigo != VENTA_SESSION.paquete.codigo}" >
              <option value="${paq.codigo}">${paq.nombre}</option>
              </c:if>
          </c:forEach>
        </select>&nbsp;<font size="1">(*)</font>
   </td>
  </tr>
  <tr>
    <td>Meses:
    </td>
    <td>
        <input type="text" name="txtMesesPaquete" id="txtMesesPaquete" value="${VENTA_SESSION.paquete.meses}" readonly />
    </td>
    <td></td>
  </tr>
  <tr>
    <td>Costo paquete:
    </td>
    <td>
        <input type="text" name="txtCostoPaquete" id="txtCostoPaquete" value="${VENTA_SESSION.paquete.costo}" readonly/>
    </td>
  </tr>
  <tr>
    <td><div align="left"></div></td>
    <td>&nbsp;</td>
    <td><div align="right">Total:</div></td>
    <td><input type="text" name="txtCostoTotal" id="txtCostoTotal" value="${VENTA_SESSION.totalCosto}" readonly/></td>
  </tr>
  </table>
      <table border="0">
  <tr>
    <td><div align="left">Horario del Cliente</div></td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td colspan="3">
    <%@include file="../includes/tablaHorario.jsp"%>
    </td>
  </tr>
</table>
      <p>&nbsp;</p>
        <table >
            <tr>
            <td>
              Dni:
            </td>
            <td>
                <input type="text" name="txtDNI" onkeypress="return validarEnteros(event)" id="txtDNI" value="${VENTA_SESSION.cliente.dni}"maxlength="8" />
            </td>
            <td>
              <p>Nombre:</p></td>
            <td>
                <input type="text" name="txtNombre" id="txtNombre" readonly  value="${VENTA_SESSION.cliente.nombre}"maxlength="50"/>
            </td>
            <td>&nbsp;
            </td>
            <td>
              <input type="button" value="Verificar Cliente" class="boton" style="width:150px" onclick="verificarCliente();"/></td>
            <td>
                    <!--<input type="button"  value="Registrar Cliente" class="boton" style="width:150px" onclick="javascript: window.location = './registroClientes.htm'"/>-->
            </td>
          </tr>
          <tr>
              <td>&nbsp;</td>
          </tr>
          <tr>
              <td colspan="6">
                  <div align="right">
                      <input type="button" name="Submit3" value="Registrar Venta" class="boton" style="width: 150px;" onclick="registrar()"/>
                    <input type="button" name="button" value="Cancelar" class="boton"/>
                  </div>
                  
              </td>
          </tr>
          
        </table>
        <tr>
               <td><font size=1>(*)&nbsp;Campos Obligatorios.</td>
        </tr>
    </div>
           
   </form>
            
    <!-- end sidebars -->
    <div style="clear: both;">
      </div>
  </div>
  <!-- end page -->
</div>
<div style="width: 50px;">

</div>
</body>
    <script type="text/javascript">

        var ind_exito = "${REGISTRO_EXITOSO}";
        
        if(ind_exito != "") {
           Abrir_ventana("${ctx}/Vendedor/resumenVentas.jsp");
        }

    </script>

</html>
